<template>
	<view style="margin-left:10rpx;margin-right: 10rpx; height: 100%;">
		<view v-for="(item , index) in pages" :key="index">
			<!-- 轮播图 -->
			<Banner :image="item.list" v-if="item.type == 'banner'"></Banner>
			<!-- 三宫图 -->
			<view v-if="item.type == 'blockMenu3'" class="m-t-b-sm">
				<BlockSan3 :list="item.list"></BlockSan3>
			</view>
			<!-- 店铺信息 -->
			<view v-if="item.type == 'shopInfo'">
				<ShopItem :list="item.list"></ShopItem>
			</view>
			<!-- 卡片信息 -->
			<view v-if="item.type == 'infoCard'"><InfoCard></InfoCard></view>
			<!-- 头部标题 -->
		<!--  -->
			
		</view>
	</view>
</template>

<script>
	import Banner from "@/components/banner/banner.vue"
	import BlockSan3 from "@/components/menu/blockScan3.vue"
	import ShopItem from "@/components/layout/shopItem.vue"
	import InfoCard from "@/components/layout/infoCard.vue"
	import TitleTop from "@/components/layout/titleTop.vue"
	import productToBuy from "@/components/layout/productToBuy.vue"

	export default {
		components: {
			Banner,
			BlockSan3,
			ShopItem,
			InfoCard,
			TitleTop,
			productToBuy,
		},
		data() {
			return {
				
				pages: [
					{
						type: "banner",
						list: [
							'https://cdn.uviewui.com/uview/swiper/swiper3.png',
							'https://cdn.uviewui.com/uview/swiper/swiper2.png',
							'https://cdn.uviewui.com/uview/swiper/swiper1.png',
						]
					},
					{
						type:"titleTop",
						value:"充值套餐"
					},
					{
						type:"productToBuy",
						value:"充值套餐"
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>